<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div>
				<table class="table table-hover table-bordered">
					<thead>
						<tr class="bg-success">
							<th class="col-1 text-left">公司</th>
							<th class="col-1 text-center">时间</th>
							<th class="col-1 text-center">胜</th>
							<th class="col-1 text-center">平</th>
							<th class="col-1 text-center">负</th>
							<th class="col-1 text-center">赔付率</th>
							<th class="col-1 text-center">变赔</th>
						</tr>
					</thead>
					<tbody>
						<tr th:each="odds:${oddsList}">
						<td class="col-1 text-left"><span
										class="label label-danger" th:text="${odds.companyName}"></span></td>
							<td class="col-1 text-center"
								th:text="${#dates.format(odds.oddsdate, 'yyyy年MM月dd日 hh时mm分')}" />
							<td class="col-1 text-center" th:text="${odds.oddswin}" />
							<td class="col-1 text-center" th:text="${odds.oddstie}" />
							<td class="col-1 text-center" th:text="${odds.oddslos}" />
							<td class="col-1 text-center" th:text="${odds.lossration}" />
							<td class="col-3 text-center">
								<a target="_blank"
								class="btn btn-primary btn-sm"
								th:onclick="'javascript:returnOdds('+${id}+','+${odds.companyId}+','+${matchDate}+')'">变赔</a>
								</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<div th:include="include :: footer"></div>
	<script type="text/javascript">
	function returnOdds(id,companyId,matchDate){
		layer.open({
			type : 2,
			title : '变赔信息',
			maxmin : true,
			shadeClose : false, // 点击遮罩关闭层
			area : [ '700px', '420px' ],
			content :  '/oupei/odds/getOddsTrack/'+id+'/'+companyId+'/'+matchDate   // iframe的url iframe的url
		});
	}
	</script>
</body>
</html>